<template>
  <el-row :gutter="20">
    <el-col :span="6">
        <div style="background: #42b983">1</div>
    </el-col>
    <el-col :span="6">
        <div style="background: orange">2</div>
    </el-col>
    <el-col :span="6">
        <div style="background: green">3</div>
    </el-col>
    <el-col :span="6">
        <div style="background: aquamarine">4</div>
    </el-col>
  </el-row>

    <br>

  <el-row>
    <el-col :span="6">
      <el-card>
      <el-statistic title="机房数量" :value="562">
        <template #suffix>
          <el-icon style="vertical-align: -0.125em">
            <ChatLineRound />
          </el-icon>
        </template>
      </el-statistic>
       </el-card>
    </el-col>


    <el-col :span="6">
      <el-card>
      <el-statistic title="服务器数量" :value="562">
        <template #suffix>
          <el-icon style="vertical-align: -0.125em">
            <ChatLineRound />
          </el-icon>
        </template>
      </el-statistic>
        </el-card>
    </el-col>

    <el-col :span="6">
      <el-card>
      <el-statistic title="项目数量" :value="562">
        <template #suffix>
          <el-icon style="vertical-align: -0.125em">
            <ChatLineRound />
          </el-icon>
        </template>
      </el-statistic>
        </el-card>
    </el-col>


    <el-col :span="6">
      <el-card>
      <el-statistic title="应用数量" :value="562">
        <template #suffix>
          <el-icon style="vertical-align: -0.125em">
            <ChatLineRound />
          </el-icon>
        </template>
      </el-statistic>
      </el-card>
    </el-col>
  </el-row>

  <div class="demo-progress">
    <el-progress type="circle" :percentage="0" />
    <el-progress type="circle" :percentage="25" />
    <el-progress type="circle" :percentage="100" status="success" />
    <el-progress type="circle" :percentage="70" status="warning" />
    <el-progress type="circle" :percentage="50" status="exception" />
  </div>



</template>

<script>
    export default {
        name: "D"
    }
</script>

<style scoped>

</style>